Node / ReticulumProjects / MeshChatX.git / files / meshchatx / src / frontend / components / map / internal / MapSearchBar.vue

Displaying Raw • Download

T8b949e<!-- SPDX-License-Identifier: 0BSD -->

Tb4b4b4<Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"relative"Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex items-center bg-white dark:bg-zinc-900 rounded-xl shadow-2xl border-0 ring-0"Tb4b4b4>

Tb4b4b4<Tff7b72input

Te6edf3refTff7b72=Ta5d6ff"inputEl"

Tb4b4b4:Te6edf3valueTff7b72=Ta5d6ff"Te6edf3modelValueTa5d6ff"

Te6edf3typeTff7b72=Ta5d6ff"text"

Te6edf3classTff7b72=Ta5d6ff"flex-1 px-4 py-2.5 bg-transparent text-gray-900 dark:text-zinc-100 placeholder-gray-400 focus:outline-hidden focus:ring-0 border-0 text-sm"

Tb4b4b4:Te6edf3placeholderTff7b72=Ta5d6ff"Te6edf3$tTb4b4b4(Ta5d6ff'map.search_placeholder'Tb4b4b4)Ta5d6ff"

Tb4b4b4@Te6edf3inputTff7b72=Ta5d6ff"Te6edf3onInputTa5d6ff"

Tb4b4b4@Te6edf3keydownTb4b4b4.Te6edf3enterTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'search'Tb4b4b4)Ta5d6ff"

Tb4b4b4@Te6edf3focusTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'focus'Tb4b4b4)Ta5d6ff"

Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3modelValueTa5d6ff"

Te6edf3classTff7b72=Ta5d6ff"p-2 text-gray-400 hover:text-gray-600 dark:hover:text-zinc-300 transition-colors"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'clear'Tb4b4b4)Ta5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72v-icon Te6edf3iconTff7b72=Ta5d6ff"mdi-close" Te6edf3sizeTff7b72=Ta5d6ff"18"Tb4b4b4>Tb4b4b4<Tb4b4b4/Tff7b72v-iconTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3classTff7b72=Ta5d6ff"p-2 mr-1 text-blue-500 hover:text-blue-600 disabled:text-gray-300 transition-colors"

Tb4b4b4:Te6edf3disabledTff7b72=Ta5d6ff"Tff7b72!Te6edf3modelValue Tff7b72|| Te6edf3searchingTa5d6ff"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'search'Tb4b4b4)Ta5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72v-icon

Tb4b4b4:Te6edf3iconTff7b72=Ta5d6ff"Te6edf3searching Tff7b72? Ta5d6ff'mdi-loading' Tff7b72: Ta5d6ff'mdi-magnify'Ta5d6ff"

Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Tb4b4b4{ Ta5d6ff'animate-spin'Tff7b72: Te6edf3searching Tb4b4b4}Ta5d6ff"

Te6edf3sizeTff7b72=Ta5d6ff"20"

Tb4b4b4>Tb4b4b4<Tb4b4b4/Tff7b72v-iconTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div

Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3showResults Tff7b72&& Tb4b4b4(Te6edf3resultsTb4b4b4.Te6edf3length Tff7b72> T79c0ff0 Tff7b72|| Te6edf3errorTb4b4b4)Ta5d6ff"

Te6edf3classTff7b72=Ta5d6ff"absolute top-full left-0 right-0 mt-2 bg-white dark:bg-zinc-900 rounded-xl shadow-2xl border-0 overflow-y-auto z-40 max-h-64"

Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3errorTa5d6ff" Te6edf3classTff7b72=Ta5d6ff"p-4 text-sm text-red-500 flex items-center gap-2"Tb4b4b4>

Tb4b4b4<Tff7b72v-icon Te6edf3iconTff7b72=Ta5d6ff"mdi-alert-circle" Te6edf3sizeTff7b72=Ta5d6ff"16"Tb4b4b4>Tb4b4b4<Tb4b4b4/Tff7b72v-iconTb4b4b4>

Tff7b72{{ Te6edf3error Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3v-forTff7b72=Ta5d6ff"Tb4b4b4(Te6edf3resultTb4b4b4, Te6edf3indexTb4b4b4) Tff7b72in Te6edf3resultsTa5d6ff"

Tb4b4b4:Te6edf3keyTff7b72=Ta5d6ff"Te6edf3indexTa5d6ff"

Te6edf3classTff7b72=Ta5d6ff"w-full px-4 py-3 text-left hover:bg-gray-50 dark:hover:bg-zinc-800/50 border-b border-gray-100/50 dark:border-zinc-800/50 last:border-b-0 transition-all"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'select'Tb4b4b4, Te6edf3resultTb4b4b4)Ta5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"font-bold text-gray-900 dark:text-zinc-100 text-sm"Tb4b4b4>Tff7b72{{ Te6edf3resultTb4b4b4.Te6edf3display_name Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"text-[10px] text-gray-400 dark:text-zinc-500 mt-0.5 font-bold uppercase tracking-wider"Tb4b4b4>

Tff7b72{{ Te6edf3resultTb4b4b4.Te6edf3type Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72scriptTb4b4b4>

Tff7b72export Tff7b72default Tb4b4b4{

Te6edf3nameTff7b72: Ta5d6ff"MapSearchBar"Tb4b4b4,

Te6edf3propsTff7b72: Tb4b4b4{

Te6edf3modelValueTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657StringTb4b4b4, Tff7b72defaultTff7b72: Ta5d6ff"" Tb4b4b4}Tb4b4b4,

Te6edf3resultsTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657ArrayTb4b4b4, Tff7b72defaultTff7b72: Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4[Tb4b4b4] Tb4b4b4}Tb4b4b4,

Te6edf3errorTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657StringTb4b4b4, Tff7b72defaultTff7b72: Tff7b72null Tb4b4b4}Tb4b4b4,

Te6edf3searchingTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657BooleanTb4b4b4, Tff7b72defaultTff7b72: Tff7b72false Tb4b4b4}Tb4b4b4,

Te6edf3showResultsTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657BooleanTb4b4b4, Tff7b72defaultTff7b72: Tff7b72false Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3emitsTff7b72: Tb4b4b4[Ta5d6ff"update:modelValue"Tb4b4b4, Ta5d6ff"input"Tb4b4b4, Ta5d6ff"search"Tb4b4b4, Ta5d6ff"clear"Tb4b4b4, Ta5d6ff"focus"Tb4b4b4, Ta5d6ff"select"Tb4b4b4]Tb4b4b4,

Te6edf3methodsTff7b72: Tb4b4b4{

Te6edf3onInputTb4b4b4(Te6edf3eventTb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3$emitTb4b4b4(Ta5d6ff"update:modelValue"Tb4b4b4, Te6edf3eventTb4b4b4.Te6edf3targetTb4b4b4.Te6edf3valueTb4b4b4)Tb4b4b4;

Tff7b72thisTb4b4b4.Te6edf3$emitTb4b4b4(Ta5d6ff"input"Tb4b4b4, Te6edf3eventTb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tb4b4b4<Tb4b4b4/Tff7b72scriptTb4b4b4>